@tailwind base;
@tailwind components;
@tailwind utilities;

$bg: #14142B;

body {
  background: $bg;

}



html,
body {
  height: 100%;
  width: 100%;
}

.chart {
  width: 800px;
  height: 700px;
}

.battery-chart {
  width: 300px;
  height: 200px;
}

.line-chart {
  width: 460px;
  height: 300px;
}




.video-wrap {
  height: calc(100% - 52px);
}





// ----------------------------------------------------------------
.page {

  background-color: #05050f;
}

.card {
  background-color: #14142b;

}



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 100%;
  background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: none;
  background-color: rgba(#6366f1, 0.6);
}